<template>
	<view style="padding-bottom: 80upx;">
		<view @tap="zcInputValue1" class="header">
			<view class="head_img">
				<image lazy-load="true" :src="imgPath+'UniImages/b.png'" mode="widthFix" style="width: 100%;"></image>
			</view>
			<!-- 通告栏 -->
			<uni-notice-bar
				:scrollable="true" 
				:single="true"
				:show-icon="true"
				:speed="50"
				@tap="getMore" 
				:showGetMore="true" 
				color="#333"
				:badgeVal="UnreadCount>0?UnreadCount:''"
				background-color="#fff"
				class="notice"
			    :text="'尊敬的用户，您有'+UnreadCount+'条未读公告!'">
			</uni-notice-bar>
		</view>
		
		<!-- 选项卡 菜单 -->
		<view @tap="zcInputValue1" class="uni-flex zcJustifyC_between zcAlignI_center zcNavTab">
			<navigator url="../home_visit/home_visit">回访任务
				<view class="zcBadge">
					<uni-badge :text="TaskCount>0?TaskCount:''" type="error" />
				</view>
			</navigator>
			<navigator url="../home_complianceRate/home_complianceRate">目标达成率</navigator>
			<navigator url="../home_sales/home_sales">销售业绩</navigator>
			<navigator url="../home_count/home_count">线索统计</navigator>
		</view>
		
		
		<!-- 客户信息查询 -->
		<view @tap="zcInputValue1" class="zcModel" ><view class="zcModel-title">客户信息查询</view></view>
		<view @tap="zcInputValue1" class="uni-flex zcFlex_column zcCostem_info_wrap">
			<view class="uni-flex zcJustifyC_between zcAlignI_center zcCostem_info">
				<view class="uni-flex zcFlex_column zcAlignI_center" @tap="zcPhotoRecognition(1)">
					<image lazy-load="true" :src="imgPath+'UniImages/img-7.png'" mode=""></image>
					<view>车牌识别</view>
				</view>
				<view @tap="zcPhotoRecognition(2)">
					<image lazy-load="true" :src="imgPath+'UniImages/img-5.png'" mode=""></image>
					<view>行驶证识别</view>
				</view>
				<view @tap="newCar">
					<image lazy-load="true" :src="imgPath+'UniImages/new.png'" mode=""></image>
					<view>新车入口</view>
				</view>
			</view>
			<view class="uni-flex zcAlignI_center">
				<value class='picker uni-flex zcAlignI_center zcJustifyC_center' mode="selector" @tap="zcCityPicker" >
					<view class='uni-flex zcAlignI_center zcJustifyC_center picker_view'>{{city.value}}</view>
				</value>
				<!-- <input style="padding-left: 20upx;" type="text" :focus="isShowPicker" disabled="true" :value="inputValue" placeholder="请输入车牌号" @tap.stop="zcInputValue" /> -->
				<zc-input :isShowPicker="isShowPicker" :inputVal="inputValue" @clickInput="zcInputValue" @value="getInputValue" ></zc-input>
                
				<view class="uni-flex zcAlignI_center zcCostem_info_wrap_btn">
					<button type="primary" @tap="zcInsurePrice(1)">报价</button>
					<button type="primary" @tap="zcInsurePrice(2)">查询</button>
				</view>
			</view>
		</view>
		
		<!-- 龙虎榜（ 达成率 ） -->
		<view @tap="zcInputValue1" class="zcModel"><view class="zcModel-title">龙虎榜（ 达成率 ）</view></view>
		<view @tap="zcInputValue1" class="charts_wrap ">
			<tab-bar class='tab_bar' type="zcStyle" :tabBars="tabBar.tabBars" :tabIndex="tabBar.tabIndex" @tapTab="tapTab"></tab-bar>
			 	<swiper :current="tabBar.tabIndex" class="swiper-box"  @change="changeTab">
				<block v-for="(item,index) in 4" :key='index'>
					<swiper-item class="zc-tab-bar" >
						<view class="uni-flex zcFlex_column">
							<view class="uni-flex zcFlex_column">
								<view class="uni-flex listHeader">
									<view class="uni-flex zcFlex_column zcAlignI_center zcFlex1 charts_info_wrap ">
										<view class=" charts_info">
											<view class="numbThree"><image lazy-load="true" :src="imgPath+'UniImages/two.png'" ></image></view>
											<view class="numbThree2"><image lazy-load="true" :src="SalesRankList[1].HeadImageURL?SalesRankList[1].HeadImageURL:(imgPath+'UniImages/img-23.png')" mode=""></image></view>
										</view>
										<view class="" >{{SalesRankList[1].SalesManName}}</view>
										<view class="percentage" v-if="SalesRankList[1].Rate>=0">{{SalesRankList[1].Rate}}%</view>
										<view v-else>虚位暂待</view>
									</view>
									<view class="uni-flex zcFlex_column zcAlignI_center zcFlex1 ">
										<view class="charts_info  ">
											<view class="numbThree"><image lazy-load="true" :src="imgPath+'UniImages/one.png'" alt="" class=" "></image></view>
											<view class="numbThree2"><image lazy-load="true" :src="SalesRankList[0].HeadImageURL?SalesRankList[0].HeadImageURL:(imgPath+'UniImages/img-23.png')" mode="aspectFit"></image></view>
										</view>
										<view class="">{{SalesRankList[0].SalesManName}}</view>
										<view class="percentage" v-if="SalesRankList[0].Rate>=0">{{SalesRankList[0].Rate}}%</view>
										<view v-else>虚位暂待</view>
									</view>
									<view class="uni-flex zcFlex_column zcAlignI_center zcFlex1 charts_info_wrap">
										<view class="charts_info  ">
											<view class="numbThree"><image lazy-load="true" :src="imgPath+'UniImages/three.png'" alt="" class=""></image></view>
											<view class="numbThree2"><image lazy-load="true" :src="SalesRankList[2].HeadImageURL?SalesRankList[2].HeadImageURL:(imgPath+'UniImages/img-23.png')" mode="aspectFit"></image></view>
										</view>
										<view class="">{{SalesRankList[2].SalesManName}}</view>
										<view class="percentage" v-if="SalesRankList[2].Rate>=0">{{SalesRankList[2].Rate}}%</view>
										<view v-else>虚位暂待</view>
									</view>
								</view>
								<view class="charts_info_podium zcAlignI_center zcJustifyC_center uni-flex">
									<image style="width:94vw;" :src="imgPath+'UniImages/lingjiangtai.png'" mode="widthFix"></image>
								</view>
							</view>
							<view class="uni-flex zcFlex_column">
								<block v-for="(item,index) in 2" :key="index">
									<view class="uni-flex zcAlignI_center other_charts">
										<view class="numb">{{index+4}}</view>
										<view class=" charts_info">
											<image lazy-load="true" :src="SalesRankList[(index+3)].HeadImageURL?SalesRankList[(index+3)].HeadImageURL:(imgPath+'UniImages/img-23.png')" mode="aspectFit"></image>
										</view>
										<view class="other_charts_info ">
											<view class="">{{SalesRankList[(index+3)].SalesManName}}</view>
											<view class=" percentage" v-if="SalesRankList[(index+3)].Rate>=0" >{{SalesRankList[(index+3)].Rate}}%</view>
											<view v-else>虚位暂待</view>
										</view>
									</view>
								</block>
							</view>
						</view>
					</swiper-item>
				</block>
				</swiper>
		</view>
		
		<!-- 宣传中心 -->
		<navigator @tap="zcInputValue1" url="../article/article">
			<view class="uni-flex zcJustifyC_between"><view class='zcModel-title'>宣传中心</view><view class="iconfont icon-unie6a3 uni-flex zcAlignI_center">查看更多</view></view>
		</navigator> 
		
		<view @tap="zcInputValue1" class="zcModel-box zcFlex_column">
			<block v-for="(item,index) in articleList" :key="index">
				<view class="zcModel-box-view uni-flex zcAlignI_center" @tap="zcArticleInfo(item)">
					<view class="zcModel-image">
						<image :src="item.File.SUrl?item.File.SUrl:(imgPath+'UniImages/img-23.png')" mode="aspectFit"></image>
					</view>
					<view class="zcModel-item zcFlex_column">
						<view class="zcModel-item-title">{{item.Title}}</view>
						<view class="zcModel-item-content">{{item.Introduce}}</view>
						<view class="zcModel-item-text">{{item.PublishDate}}</view>
					</view>
				</view>
			</block>
		</view>
		
		<zc-custom-picker @tap="zcInputValue1" :isShowBox1="city.isShowBox1" :zcPickerValue="city.value" @cpConfirm="cpConfirm" @cpCancel="cpCancel" ></zc-custom-picker>
		
		
	</view>
</template>

<script>
	import uniNoticeBar from "@/components/uni-notice-bar/uni-notice-bar.vue"
	import tabBar from "../../components/tab-bar/tab-bar.vue"
	import uniCalendar from "../../components/uni-calendar/uni-calendar.vue"
	import uCharts from "../../components/u-charts/u-charts.vue"
	import zcCustomPicker from '../../components/zcCustom_picker/zcCustom-picker.vue';
	import uniBadge from '../../components/uni-badge/uni-badge.vue';
    import zcInput from "../../components/zc-input.vue"
	
	let _this;
	export default {
		components:{
			uniNoticeBar,
			tabBar,
			uniCalendar,
			uCharts,
			uniBadge,
			zcCustomPicker,
            zcInput
		},
		data() {
			return {
				path:this.$ZcPublic.Domain,
				VehiclePlateNo:'',
				imgPath:this.$ZcPublic.Domain,
				TaskCount:0,
				UnreadCount:0,
				city:{
					value:'川',
					isShowBox1:false
				},
				inputValue:'',
                isloadding:true,
				tabBar:{
					tabIndex:0,
					loadingText:'',
					tabBars:[
						{
							name:'总保费'
						},
						{
							name:'新保费'
						},
						{
							name:'非车险卡单'
						},
						{
							name:'非车险渗透率'
						}
					],
					
				},
				articleList:[],
				SalesRankList:[],	//	龙虎榜 初始化数组
				isShowPicker:false,
				maskData:{
					list1:['港','澳','学','警','领','使'],
					list2:['1','2','3','4','5','6','7','8','9','0'],
					list3:['Q','W','E','R','T','Y','U','I','O','P'],
					list4:['A','S','D','F','G','H','J','K','L'],
					list5:['Z','X','C','V','B','N','M']
				}
			}
		},
		onLoad() {
			_this = this;
		},
		onShow() {
			_this.tabBar.tabIndex = 0;
			_this.zcGetOrganNoticeInfo4SalesMan();	//	最新公告数
			_this.zcQueryPublicArticleList();	//	宣传中心
			_this.zcQuerySalesRankList('Plan1');	//	龙虎榜
		},
		methods: {
			//  公告栏 跳转
			getMore() {
				uni.navigateTo({
					url: '../notice/notice'
				});
			},
			//  龙虎榜 选项卡 切换事件
			doChangeCity(e){ 
				_this.city.value=e.detail.value
			},
			tapTab(res) {
				// console.log(res)
				_this.tabBar.tabIndex=res
			},
			changeTab(e){
				_this.tabBar.tabIndex=e.detail.current
				uni.showLoading({
					title: '加载中',
					mask:true
				});
				if (e.detail.current === 0) {
					_this.zcQuerySalesRankList('Plan1');	//	龙虎榜
				}else if (e.detail.current === 1) {
					_this.zcQuerySalesRankList('Plan2');	//	龙虎榜
				}else if (e.detail.current === 2) {
					_this.zcQuerySalesRankList('Plan3');	//	龙虎榜
				}else if (e.detail.current === 3) {
					_this.zcQuerySalesRankList('Plan5');	//	龙虎榜
				}
			},
			zcCityPicker() {
				// console.log('打开弹出层');
				_this.city.isShowBox1 = true;
			},
			cpConfirm(res) {
				// console.log('子组件参数 = ',res);
				_this.city.value = res;
				_this.city.isShowBox1 = false;
			},
			//  初始化  车牌地区简称  弹出层
			cpCancel() {
				_this.city.isShowBox1 = false;
			},
			//	正则验证 车牌号方法
			checkVehiclePlateNo(item) {
				return RegExp(/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领非][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领非][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/).test(item);
			},
			zcArticleInfo(item) {
				uni.navigateTo({
					url: '../article_info/article_info?SN='+item.SN
				});
			},
			newCar() {
				uni.navigateTo({
					url: '../customer/customer?type=newCar'
				});
			},
			zcPhotoRecognition(type) {	//车牌识别 、 行驶证识别
				if (type === 1) {	// 车牌识别
					uni.chooseImage({
						count:1,
						sizeType:['original','compressed'],
						sourceType:['camera','album'],
						success(res) {
							// 上传到服务器
							uni.showLoading({
								title: '上传中',
								mask: true,
                                success() {
                                    _this.isloadding = false;
                                }
							});
							let upUrl = _this.$ZcPublic.CarUrl + 'PageService/doCheckUpCar.ashx?typeId=19&keyId='+_this.$ZcPublic.CarKey;
							// console.log('upUrl',upUrl);
							uni.uploadFile({
								url:upUrl,
								filePath:res.tempFilePaths[0],
								name:'imgFile',
								success(res) {
									if (!JSON.parse(res.data).success) {
										uni.showModal({
											title:'温馨提示',
											showCancel:false,
											content:''+JSON.parse(res.data).msg
										})
										return;
									}
									let plate = JSON.parse(res.data).data.CarPlate;
									_this.city.value = plate.substring(0,1);
									_this.inputValue = plate.substring(1);
									if (!_this.isloadding) {
                                        _this.isloadding = true;
									    uni.hideLoading();
									}
								}
							})
							
						}
					})
				}else if (type === 2) {		// 行驶证识别
					uni.chooseImage({
						count:1,
						sizeType:['original','compressed'],
						sourceType:['camera','album'],
						success(res) {
							let upUrl = _this.$ZcPublic.CarUrl + 'PageService/doCheckUpCar.ashx?typeId=6&keyId='+_this.$ZcPublic.CarKey;
							uni.showLoading({
								title: '上传中',
								mask: true,
                                success() {
                                    _this.isloadding = false;
                                }
							});
							uni.uploadFile({
								url:upUrl,
								filePath:res.tempFilePaths[0],
								name:'imgFile',
								success(res) {
									if (!JSON.parse(res.data).success) {
										uni.showModal({
											title:'温馨提示',
											showCancel:false,
											content:''+JSON.parse(res.data).msg
										})
										return;
									}
									let plate = JSON.parse(res.data).data.CarPlate;
                                    console.log('暗森 --- ',JSON.parse(res.data));
                                    let a = JSON.parse(res.data).data.CarBrand;
                                    let VehicleMaker = "";let VehicleTypeCode = '';
                                    for (let i = 0; i < a.length; i++) {
                                        if (a.charCodeAt(i) > 256 && a[i] != " ") {
                                            VehicleMaker += a[i];
                                        } else {
                                            VehicleTypeCode += a[i];
                                        }
                                    }
                                    
                                    if (plate) {
                                        let data = {
                                            VehiclePlateNo: JSON.parse(res.data).data.CarPlate,
                                            VehicleVIN: JSON.parse(res.data).data.CarVin,
                                            VehicleEngineNo: JSON.parse(res.data).data.CarEngin,
                                            VehicleRegistryDate: JSON.parse(res.data).data.RegDate,
                                            VehicleLicenseDate: JSON.parse(res.data).data.PubDate,
                                            VehicleBizType: JSON.parse(res.data).data.UseType,
                                            VehicleMaker:VehicleMaker,
                                            VehicleTypeCode:VehicleTypeCode
                                        }
                                        uni.setStorageSync('PlateInfo',data);
                                       if (!_this.isloadding) {
                                           _this.isloadding = true;
                                           uni.hideLoading();
                                       }
                                        uni.navigateTo({
                                            url: '../customer/customer?VehiclePlateNo='+plate +'&IsFromVehicleLicense=true'
                                        }); 
                                    }
								}
							})
							
						}
					})
				}
			},
			zcInsurePrice(index){
				setTimeout(()=>{
					if (!_this.inputValue) {
						uni.showModal({
							title: '温馨提示',
							content: '尊敬的用户，请输入车牌号！',
							showCancel: false
						});
						return;
					}
					
					_this.VehiclePlateNo = _this.city.value+_this.inputValue;
					if (!_this.checkVehiclePlateNo(_this.VehiclePlateNo)) {
						uni.showModal({
							title: '温馨提示',
							content: '尊敬的用户，您输入车牌号有误，请重新输入！',
							showCancel: false
						});
						return;
					}
					
					if (index === 1) {
						uni.navigateTo({
							url: '../insure_price/insure_price?VehiclePlateNo='+_this.VehiclePlateNo
						});
					}else if (index === 2) {
						uni.navigateTo({
							url: '../customer/customer?VehiclePlateNo='+_this.VehiclePlateNo
						});
					}
				},200)
			},
			//  车牌输入 软键盘事件
			zcInputValue1() {    //  处理页面点击非键盘和非输入框 隐藏键盘和失去焦点
                _this.isShowPicker = false;
            },
            getInputValue(res) {    //  获取输入框值
                _this.inputValue = res;
            },
            zcInputValue() {  //  点击输入框事件
                _this.isShowPicker = true;
            },
			
			//  接口 区-----------------
			// 宣告中心
			zcQueryPublicArticleList() {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_QueryPublicArticleList',
						Data: {
							RowCount: 4
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('宣传中心 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							if (resjson.data.length > 0) {
								_this.articleList = resjson.data;
							}
							
						} else{
                            if (_this.isloadding) {
                                uni.hideLoading();
                            }
						}
					},
					Scope: this
				})
			},
			//  未读公告数
			zcGetOrganNoticeInfo4SalesMan() {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_GetOrganNoticeInfo4SalesMan',
						Data: {}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							if (resjson.data != null) {
								_this.UnreadCount = resjson.data.UnreadCount;
								_this.TaskCount = resjson.data.TaskCount;
							}
							
						} else{
							if (_this.isloadding) {
							    uni.hideLoading();
							}
						}
					},
					Scope: this
				})
			},
			//  龙虎榜	(Plan1-总保费, Plan2-新保费, Plan3-非车险卡单, Plan4-跟单率, Plan5-非车险渗透率)
			zcQuerySalesRankList(type) {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_QuerySalesRankList',
						Data: {
							data: type
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							_this.SalesRankList = [];
							if (resjson.data!=null && resjson.data.length > 0) {
								
								for (let i = 0; i < resjson.data.length; i++) {
									if (String(resjson.data[i].Rate).indexOf('.') !== -1) {
										if (String(resjson.data[i].Rate).split('.')[1].length > 1) {
											resjson.data[i].Rate = parseFloat(parseFloat(resjson.data[i].Rate).toFixed(2));
										}
									}
									_this.SalesRankList.push(resjson.data[i]);
								}
							}
						} else{
							if (_this.isloadding) {
							    uni.hideLoading();
							}
						}
					},
					Scope: this
				})
			}
			
			
			
			
		}
	}
</script>

<style>
	/* 头部 公告样式 */
	.header{position: relative;display: flex;flex-direction: column;align-items: center;margin-bottom: 60upx;}
	.head_img{width: 100%;}
	.header .uni-noticebar{padding: 0 10upx;margin: 0;border-radius: 16upx;}
	.notice{position: absolute;bottom: -26upx;width: 90%;}
	/* 添加样式2019-10-22 */
	.zcNavTab{
		padding-right: 20upx;
	}
	navigator {padding: 0 20upx;}
	.zcNavTab>navigator{
		flex: 1;
		margin-left: 20upx;
		padding: 30upx 0;
		text-align: center;
		border-radius: 8upx;
		overflow: hidden;
		color: #fff;
		position: relative;
	}
	.zcNavTab>navigator:nth-of-type(1){background: url("../../static/h.png") center center;background-size: 100% 100%;}
	.zcNavTab>navigator:nth-of-type(2){background: url("../../static/m.png")center center;background-size: 100% 100%;}
	.zcNavTab>navigator:nth-of-type(3){background: url("../../static/x.png")center center;background-size: 100% 100%;}
	.zcNavTab>navigator:nth-of-type(4){background: url("../../static/xs.png")center center;background-size: 100% 100%;}
	.zcModel{padding: 0 20upx;}
	.zcModel-title{
		height:80upx;
		line-height: 80upx;
		padding-left: 30upx;
		position: relative;
		margin: 10upx 0;
	}
	.zcModel-title:before{
		content: "";
		width: 12upx;
		height: 26upx;
		position: absolute;
		top: 28upx;
		left: 10upx;
		border-radius: 6upx;
		background-color: #3AA4FA;
	}
	.zcCostem_info_wrap{
		background: #fff;
		margin: 0 20upx;
		border-radius: 15upx;
	}
	.zcCostem_info{
		padding: 40upx 0 20upx 0;
		/* border-bottom: 1upx solid #EAEAEA; */
		color: #898989;
	}
	.zcCostem_info>view{
		flex:1;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.zcCostem_info>view>image{
		width: 60upx;
		height: 50upx;
	}
	.picker{
		width: 140upx;
		height: 100upx;
		border-right: 1upx solid #EAEAEA;
	}
	.picker_view{
		width: 140upx !important;
		height: 100upx !important;
		position: relative;
	}
	.picker_view:after{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-width: 11upx 6upx 11upx;
		border-style: solid;
		border-color: #5d5d5d transparent transparent; /*灰 透明 透明 */
		right: 30upx;
		top: 48upx;
	 }
	.zcCostem_info_wrap_btn>button{
		height: 50upx;
		line-height: 50upx;
		text-align: center;
		border-radius: 40upx;
		margin-right: 20upx;
		background: transparent;
		color: #3CA4FB;
		border: 1upx solid #3CA4FB;
		width: 125upx;
		font-size: 28upx;
		outline: none;
	}
	.zcCostem_info_wrap_btn>button:nth-of-type(1){
		margin-left: 0;
		overflow: hidden!important;
	}
	.zcCostem_info_wrap_btn>button:nth-of-type(2){
		background: #3CA4FB;
		color: #fff;
		border: none;
	}
	
	/* 2019-11-8 修改 */
	.zcBadge{position: absolute;top: 22upx;right: 10upx;line-height: 1;}
	.uni-badge{font-size: 22upx!important;width: 30upx; height: 30upx;line-height: 24upx!important;text-align: center;}
	
	/* l龙虎榜 */
	.charts_wrap{
		margin: 0 20upx;
		background-color: #fff;
		border-radius: 10upx;
		padding: 20upx 10upx;
	}
	.tab_bar>view{
		margin: 0 10upx;	
	}
	.zc-swiper-tab{
		border: none !important;
	}
	.tab_bar .swiper-tab-list{
		border: none;
	}
	.charts_info>image{
		width: 90upx;
		height: 90upx;
		border-radius:90upx;
		margin-top: 30upx;
	}
	.charts_info_wrap{
		position: relative;
		bottom:-28upx
	}
	.other_charts{
		border-bottom: 1upx solid #EAEAEA;
	}
	.other_charts .numb{
		color: #B3B3B3;
		/* border-bottom: 5upx solid #B3B3B3; */
		margin: 5upx 30upx;
		font-size: 35upx;
		position: relative;
		width: 10%;
		display: flex;
		justify-content: center;
		/* width: 10%; */
	}
	
	.other_charts_info{
		margin-left: 30upx;
		margin-top: 30upx;
	}
	.percentage{
		color: #B3B3B3;
		position: relative;
		top:-10upx
	}
	.campaign_list_wrap{
		padding: 20upx 10upx;
		margin: 0 10upx 10upx 10upx;
		background-color: #fff;
		border-radius: 10upx;
	}
	.campaign_list_wrap>view>image{
		width: 240upx;
		height: 190upx;
		margin-right: 20upx;
	}
	.campaign_list_wrap>view>view:nth-of-type(1){
		margin:10upx 0 5upx 0;
		font-size: 34upx;
	}
	.campaign_list_wrap>view>view:nth-of-type(2),.campaign_list_wrap>view>view:nth-of-type(3){
		color: #B3B3B3;
		flex: 1;
	}
	.charts_info{line-height: 1;position: relative;width: 123rpx !important;height: 129rpx !important;right: 10upx;}
	.numbThree > image,.numbThree2 > image{width: 100%;height: 100%;}
	.numbThree2 > image{border-radius: 100%;}
	.numbThree{
		/* position: absolute; */
		width: 100%;height: 100%;
		/* left: -36upx;
		top:-37upx; */
		/* z-index: 999; */
		/* padding: 10upx; */
	}
	.numbThree2{
		/* left: -36upx !important;
		top:-37upx !important; */
		width: 87rpx;
		height: 87rpx;
		border-radius: 100%;
		overflow: hidden;
		position: absolute;
		bottom: 9rpx;
		right: 9rpx;
	}
	.numbThree3{
		left: -36upx !important;
		top:-37upx !important;
	}
	.icon-unie6a3{
		color:#B3B3B3;
	}
	.zc-tab-bar{
		/* height: auto !important; */
	}
	.swiper-box{
		/* min-height:332upx; */
		min-height:604upx;
		/* min-height:1284upx; */
		/* overflow: hidden; */
		position: relative;
	}
	.listHeader{height: 210upx;}
	
/*  宣传中心样式 */
	.zcModel-box{display: flex;margin: 0 20upx;}
	.zcModel-box-view{flex-shrink: 0;flex: 1;padding: 20upx;box-sizing: border-box;margin-bottom: 20upx;background-color: #FFFFFF;}
	.zcModel-image{width: 160upx;border-radius: 20upx;overflow: hidden;margin-right: 20upx;height: 160upx;background-color: #F5F5F5;}
	.zcModel-image>image{width: 100%;display: block;height: 100%;border-radius: 20upx;}
	.zcModel-item{display: flex;width: 70%;}
	.zcModel-item-title{font-size: 32upx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
	.zcModel-item-content{overflow: hidden;height: 32upx;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.2;margin: 10upx 0;background-color: #FFFFFF;}
	.zcModel-item-text{color: #999999;}
	.button-hover:first-child {background-color: rgba(250, 250, 250, 0.6)!important;color: rgba(60,164,251, 0.6)!important;}
	.button-hover:last-child {background-color: rgba(60,164,251, 0.6)!important;color: rgba(250, 250, 250, 0.6)!important;}
	
	/* 车牌号自定义选择键盘 */
    zc-input{flex: 1;margin: 0 20upx;}
    zc-input .zc-input{border: none;}
	/* .picker_mask{width: 100%;position: fixed;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;transition: opacity .5s;}
	.picker_content{height: 100%;width: 100%;background-color: #FFFFFF;bottom: -1000upx;;left: 0;position: absolute;transition: bottom .5s;}
	.picker_box{height: 100%;width: 100%;overflow: auto;box-sizing: border-box;background-color: #E5E5E5;display: flex;flex-direction: column;}
	.picker_item1>view{padding: 10upx 0;margin: 8upx;background-color: #CCCCCC;border-radius: 6upx;display: flex;align-items: center;justify-content: center;flex: 1;}
	.picker_item1_hover{background-color: #FFFFFF!important;}
	.picker_item2>view{padding: 10upx 0;margin: 6upx;background-color: #FFFFFF;border-radius: 6upx;display: flex;align-items: center;justify-content: center;flex: 1;box-sizing: border-box;}
	.picker_item2_hover{background-color: #CCCCCC!important;} */
	
	/* 车牌 软键盘 删除图标 */
	/* .icon-delete:before{
		content: '\e623';
		font-size: 40upx;
	} */
</style>
